import React from 'react';
import { Toast, NavBar,Tabs,ProductCard, Tag, Button  } from 'react-vant';
import { routerlist } from "../../router/index";
import { Link,Outlet } from "react-router-dom";
function Home() {
    return (
        <div>
            <NavBar
      title="你的订单"
      leftText=""
      rightText="***"
      onClickLeft={() => Toast('返回')}
      onClickRight={() => Toast('按钮')}
    />
     <Tabs defaultActive={0}>
        {routerlist&&routerlist.map((item,index) => (
          <Tabs.TabPane key={index} title={<Link to={item.path}>{item.meta.title}</Link>}>
            <Outlet />
          </Tabs.TabPane>
        ))}
      </Tabs>
        </div>
    );
}

export default Home;